var displaySkill = function() {
	showSkill();
}

var TankList = null;
var TankId = null;

window.onload = function () {
	if (document.getElementById('showSkill') != null) {
		document.getElementById('showSkill').addEventListener('click', displaySkill, false);
	}
	var tankList = document.getElementsByClassName('bigtank');
	for(i=0; i<tankList.length; i++) {
		if (tankList[i].tagName == 'IMG') {
			tankList[i].addEventListener('click', function(event) {showMemberList(event)}, false);
		}
	}
	if (getConstructeur() == 'Clan') {
		var showFilter = document.getElementById('showFilters');
		if (showFilter != null) {
			showFilter.addEventListener('click', function (event) {
				var filtres = document.getElementById('filtres');
				if (filtres != null) {
					if (filtres.style.display == 'none' || filtres.style.display == '') {
						filtres.style.display = 'block';
					}
					else {
						filtres.style.display = 'none';
					}
				}
			}, false)
		}
	}
	if(getMethode() == 'AfficherStats' && getConstructeur() == 'Membre') {
		var lstTH = document.getElementsByTagName('th');
		for(th = 0; th < lstTH.length; th++) {
			lstTH[th].addEventListener('click', function (event) {trierTanks(event)}, false);
		}
		var col = document.getElementById(document.getElementsByName('frm_col')[0].value);
		var img = document.createElement('img');
		img.src = wotHub+'/images/'+document.getElementsByName('frm_sens')[0].value+'.png';
		col.appendChild(img);
	}
}	

function showMemberList(event) {
	if (getConstructeur() == 'Clan') {
		if (getParam(2) == 'Membre') {
			return false;
		}
		tempo();
		TankId = event.target.id;
		if (document.getElementsByClassName('popup')[0] != null) {
			document.getElementsByTagName('BODY')[0].removeChild(document.getElementsByClassName('popup')[0])
		}
		if (TankList == null) {
			event.stopPropagation();
			event.cancelBubble = true;
			var xhr=null;
			 
		    if (window.XMLHttpRequest) { 
		        xhr = new XMLHttpRequest();
		    }
		    else if (window.ActiveXObject) 
		    {
		        xhr = new ActiveXObject("Microsoft.XMLHTTP");
		    }
		    //on définit l'appel de la fonction au retour serveur
		    xhr.onreadystatechange = function() { afficherListeMembre(xhr); };
		 
		    //on appelle le fichier reponse.txt
		    xhr.open("GET", wotHub+"/Clan/GetTankMemberList/"+TankId, true);
		    xhr.send(null);
		}
		else {
			construireListeTank();
		}
	}
}

function afficherListeMembre(xhr) {
	if (xhr.readyState==4) 
    {
    	var docXML= xhr.responseXML;
    	TankList = eval(docXML.getElementsByTagName("donnee"));
    	construireListeTank();
    }
}

function construireListeTank() {
	
	//on fait juste une boucle sur chaque element "donnee" trouvé
	var divListe = document.createElement('div');
	var liste = document.createElement('ul');
	for (m = 0; m < TankList.length; m++) {
		if (TankList[m].childNodes[0].textContent == TankId) {
			var membre = document.createElement('li');
			membre.textContent = TankList[m].childNodes[2].textContent
			liste.appendChild(membre);
		}
	}
	divListe.appendChild(liste);
	divListe.className = 'popup';	
	document.getElementsByTagName('BODY')[0].appendChild(divListe);
	divListe.style.top = document.getElementById(TankId).offsetTop+60+'px';
	divListe.style.left = document.getElementById(TankId).offsetLeft+'px';
	tempo();
}

function traiterReponseGarage(xhr)
{
	if (xhr.readyState==4) 
    {
    	var docXML= xhr.responseXML;
    	var items = docXML.getElementsByTagName("donnee")
    	//on fait juste une boucle sur chaque element "donnee" trouvé
    	if (items[0].textContent !== 'ko') {
    		document.getElementById(items[0].textContent).style.display = 'none';
    	}
    	else {
    		alert('ko');
    	}
    }
}

function enReserve(tankId) {
	var xhr=null;
	 
    if (window.XMLHttpRequest) { 
        xhr = new XMLHttpRequest();
    }
    else if (window.ActiveXObject) 
    {
        xhr = new ActiveXObject("Microsoft.XMLHTTP");
    }
    //on définit l'appel de la fonction au retour serveur
    xhr.onreadystatechange = function() { traiterReponseGarage(xhr); };
 
    //on appelle le fichier reponse.txt
    xhr.open("GET", "../reserve.php?tankid="+tankId, true);
    xhr.send(null);
}

function Activer(tankId) {
	var xhr=null;
	 
    if (window.XMLHttpRequest) { 
        xhr = new XMLHttpRequest();
    }
    else if (window.ActiveXObject) 
    {
        xhr = new ActiveXObject("Microsoft.XMLHTTP");
    }
    //on définit l'appel de la fonction au retour serveur
    xhr.onreadystatechange = function() { traiterReponseGarage(xhr); };
 
    //on appelle le fichier reponse.txt
    xhr.open("GET", "../reserve.php?tankid="+tankId+"&activer=true", true);
    xhr.send(null);
}

function showSkill() {
	var lstTankSkills = document.getElementsByClassName('skills') 
	for (i = 0; i< lstTankSkills.length; i++) {
		if (lstTankSkills[i].style.display == 'none' || lstTankSkills[i].style.display == '') {
			lstTankSkills[i].style.display = 'block';
		}
		else {
			lstTankSkills[i].style.display = 'none';
		}
	}
}

function trierTanks(event) {
	var sens = document.getElementsByName('frm_sens')[0];
	var col = document.getElementsByName('frm_col')[0];
	var element = event.target.id
	if (event.target.tagName == 'IMG') {
		element = event.target.parentElement.id;
	}
	if (col.value != '' ) {
		if (col.value == element) {
			if (sens.value == 'asc') {
				sens.value = 'desc';
			}
			else {
				sens.value = 'asc';
			}
		}
		else {
			sens.value = 'desc';
		}
	}
	col.value = element;
	document.getElementsByTagName('form')[0].submit();
}